React Compilerãèªåã¡ã¢åãšãããã³ãŒãåé€ãéããŠã³ãŒããã©ã®ããã«æé©åããäžçäžã®ãŠãŒã¶ãŒã«åããŠããã©ãŒãã³ã¹ãšéçºè äœéšãåäžãããããæ¢ããŸãã
React Compilerã®æé©åïŒèªåã¡ã¢åãšãããã³ãŒãã®åé€
ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ãæ§ç¯ããããã®äž»èŠãªJavaScriptã©ã€ãã©ãªã§ããReactã¯ãéçºè ã«ããã¹ã ãŒãºã§å¹ççãªéçºäœéšãæäŸããããã«çµ¶ããé²åããŠããŸãããã®é²åã«ãããæãéèŠãªé²æ©ã®äžã€ããReact Compilerã®å°å ¥ã§ããæ¬èšäºã§ã¯ãReact Compilerã®äžæ žçãªæé©åæŠç¥ãç¹ã«èªåã¡ã¢åãšãããã³ãŒãã®åé€ã«çŠç¹ãåœãŠããããã®æ©èœãäžçäžã®éçºè ã«ã©ã®ãããªå©çããããããã«ã€ããŠæãäžããŸãã
Reactã®é²åãšæé©åã®å¿ èŠæ§
Reactã¯ãã³ã³ããŒãã³ãããŒã¹ã®ã¢ãŒããã¯ãã£ãšå®£èšçãªããã°ã©ãã³ã°ã¹ã¿ã€ã«ãå°å ¥ããããšã§ãããã³ããšã³ãéçºã«é©åœããããããŸããããã®äººæ°ã¯æ¥äžæããè€éã§æ©èœè±å¯ãªã¢ããªã±ãŒã·ã§ã³ã®éçºã«ã€ãªãã£ãŠããŸããããããã¢ããªã±ãŒã·ã§ã³ãæé·ããã«ã€ããŠãããã©ãŒãã³ã¹ç®¡çã®è€éããå¢å€§ããŸããReactéçºè ã¯ãã°ãã°ãç¹ã«ã¡ã¢åæè¡ãæåã§å®è£ ããåé·ãªã³ãŒãã䞹念ã«åæã»åé€ããããšã§ãã³ãŒãã®æé©åã«ããªãã®æéãè²»ãããŠããŸããReact Compilerã¯ãããã®ããã»ã¹ãèªååããéçºè ã®èªç¥çè² è·ã軜æžããåºç¯ãªæåä»å ¥ãªãã«ã¢ããªã±ãŒã·ã§ã³ã®ããã©ãŒãã³ã¹ãåäžãããããšãç®æããŠããŸãã
React Compilerãçè§£ãã
React Compilerã¯ãReactã³ãŒããèªåçã«å€æããããšãç®æããæ°Žé¢äžã§é²è¡äžã®ãããžã§ã¯ãã§ããã³ã³ããŒãã³ãã®ã³ãŒããåæããæé©åãããããŒãžã§ã³ã«å€æããŸããã³ã³ãã€ã©ã®åœ¹å²ã¯ãéçºè ã®æå³ãçè§£ããæåæé©åã®è² æ ã軜æžãã髿§èœãªJavaScriptã³ãŒããçæããããšã§ããæ¢åã®Reactã³ãŒããšã®äºææ§ãä¿ã€ããã«èšèšãããŠããããã®å©ç¹ã掻çšããããã®ã³ãŒããªãã¡ã¯ã¿ãªã³ã°ã®å¿ èŠæ§ãæå°éã«æããŸããããã«ãããæ¢åã®ãããžã§ã¯ããžã®ã¹ã ãŒãºãªç§»è¡ãä¿èšŒãããæé©åããã»ã¹ãããåæ»ã«ãªããäžçäžã®éçºè ããŒã¹ã«ãšã£ãŠããã¢ã¯ã»ã¹ãããããªããŸãã
èªåã¡ã¢åïŒæ·±æã
ã¡ã¢åã¯ãé«ã³ã¹ããªé¢æ°åŒã³åºãã®çµæããã£ãã·ã¥ããåãå ¥åãåã³çºçãããšãã«åå©çšãã匷åãªæé©åæè¡ã§ããReactã§ã¯ãã¡ã¢åã¯ã³ã³ããŒãã³ãã®ããããã£ïŒpropsïŒã倿ŽãããŠããªãå Žåã«äžèŠãªåã¬ã³ããªã³ã°ãé²ããŸããããããæåã§ã®ã¡ã¢åã¯æéããããããšã©ãŒãçºçããããå ŽåããããŸããReact Compilerã¯ãèªåã¡ã¢åãå®è£ ããããšã§ãã®åé¡ã«å¯ŸåŠããŸããã¡ã¢åããæ©æµãåããããšãã§ããã³ã³ããŒãã³ãã颿°ãã€ã³ããªãžã§ã³ãã«ç¹å®ããå¿ èŠãªæé©åãè£åŽã§é©çšããŸãã
èªåã¡ã¢åã®ä»çµã¿
React Compilerã¯ãã³ã³ããŒãã³ãã³ãŒããåæããŠäŸåé¢ä¿ãæ€åºããŸããã³ã³ããŒãã³ãå ã§äœ¿çšãããpropsãstateãcontextã調æ»ããŸããã³ã³ãã€ã©ãã³ã³ããŒãã³ãã®åºåããã®å ¥åã®ã¿ã«äŸåãããããã®å ¥åãäžå€ã§ãããšå€æããå Žåãã³ã³ããŒãã³ããèªåçã«ã¡ã¢åããŸããããã¯ãpropsã倿ŽãããŠããªãå ŽåãReactãã³ã³ããŒãã³ããåã¬ã³ããªã³ã°ããªãããšãæå³ãã貎éãªåŠçæéãç¯çŽããã¢ããªã±ãŒã·ã§ã³å šäœã®å¿çæ§ãåäžãããŸããã³ã³ãã€ã©ã¯æ¬è³ªçã«ãé©åãªå Žæã«`React.memo()`ã`useMemo`ããã¯ãšåçã®ãã®ãæ¿å ¥ããŸãããéçºè ãæåã§ã³ãŒããæžãå¿ èŠã¯ãããŸããã
èªåã¡ã¢åã®å©ç¹
- ã¬ã³ããªã³ã°ãµã€ã¯ã«ã®åæžïŒ äžèŠãªåã¬ã³ããªã³ã°ãé²ããããã©ãŒãã³ã¹ãåäžãããŸãã
- ã¢ããªã±ãŒã·ã§ã³ã®å¿çæ§åäžïŒ ããéãå¿çæéã«ããããŠãŒã¶ãŒäœéšãåäžããŸãã
- ã³ãŒãã®è€éãã®è»œæžïŒ éçºè ãæåã§ã¡ã¢åã管çããå¿ èŠããªããªããã³ãŒããåçŽåãããæœåšçãªãšã©ãŒãæžå°ããŸãã
- éçºè ã®çç£æ§åäžïŒ éçºè ã¯æåã§ããã©ãŒãã³ã¹ãæé©åããã®ã§ã¯ãªããæ©èœã®æ§ç¯ã«éäžã§ããŸãã
äŸïŒã¡ã¢åã®å®è·µ
ãŠãŒã¶ãŒãããã£ãŒã«ãã¬ã³ããªã³ã°ããã³ã³ããŒãã³ããèããŠã¿ãŸããããã¡ã¢åããªãå Žåã芪ã³ã³ããŒãã³ãã®ããããªå€æŽã§ãããããã£ãŒã«ããŒã¿èªäœã倿ŽãããŠããªããŠãããŠãŒã¶ãŒãããã£ãŒã«ã®åã¬ã³ããªã³ã°ãããªã¬ãŒãããå¯èœæ§ããããŸããèªåã¡ã¢åã«ãããReact Compilerã¯ãããã£ãŒã«ã³ã³ããŒãã³ãã®ã¬ã³ããªã³ã°ãäž»ã«ãŠãŒã¶ãŒããŒã¿ïŒpropsïŒã«äŸåããŠããããšãç¹å®ã§ããŸãããŠãŒã¶ãŒããŒã¿ãåããŸãŸã§ããã°ãã³ã³ãã€ã©ã¯ã³ã³ããŒãã³ããåã¬ã³ããªã³ã°ãããªãããã«ãããªãœãŒã¹ãç¯çŽããããã·ãŒã ã¬ã¹ãªãŠãŒã¶ãŒäœéšãæäŸããŸããããã¯ãå€§èŠæš¡ãªããŒã¿ã»ãããè€éãªUIã³ã³ããŒãã³ããæ±ãã¢ããªã±ãŒã·ã§ã³ã§ç¹ã«æçã§ãã
äŸãã°ãããŸããŸãªåœãé貚ã®ãŠãŒã¶ãŒãæ±ããã°ããŒãã«ãªEã³ããŒã¹ãã©ãããã©ãŒã ã¯ãèªåã¡ã¢åãæŽ»çšããããšã§ãŠãŒã¶ãŒäœéšãå€§å¹ ã«åäžãããŠãŒã¶ãŒãããã£ãŒã«ãååãªã¹ããã·ã§ããã³ã°ã«ãŒãæ©èœã®æŽæ°ãããéããªããŸãããŠãŒã¶ãŒã¯å°ççãªå Žæã«é¢ä¿ãªããããã¹ã ãŒãºãªé·ç§»ãšç¥èŠãããã©ã°ã¿ã€ã ã®æžå°ãäœéšã§ããŸãã
ãããã³ãŒãã®åé€ïŒäžèŠãªãã®ãåãé€ã
ãããã³ãŒããšã¯ã決ããŠå®è¡ãããªãããŸãã¯ãã®çµæã䜿çšãããªãã³ãŒãã®éšåãæããŸãããã®ã³ãŒãã¯ã¢ããªã±ãŒã·ã§ã³ãã³ãã«ã®ãµã€ãºãå¢å ãããåæããŒãæéãé ãããããã©ãŒãã³ã¹ã«åœ±é¿ãäžããå¯èœæ§ããããŸãããããã³ãŒãã®åé€ã¯ãã©ã®ã¢ããªã±ãŒã·ã§ã³ã§ãæé©åã®éèŠãªã¹ãããã§ããReact Compilerã¯ãããã³ãŒãã®åé€ãçµã¿èŸŒãã§ãããæªäœ¿çšã®ã³ãŒããèªåçã«èå¥ããŠã³ã³ãã€ã«æžã¿åºåããåé€ããŸãã
ãããã³ãŒãåé€ã®ä»çµã¿
React Compilerã¯ã³ãŒãã®å®è¡ãã¹ãåæããŸããå°éäžå¯èœãªã³ãŒããããã¯ãããã®åºåã䜿çšãããªãã³ãŒããããã¯ãç¹å®ããŸãããã®åæã«ã¯ãæ¡ä»¶æã颿°åŒã³åºãã倿°ä»£å ¥ã®èª¿æ»ãå«ãŸããŸãããã®åŸãã³ã³ãã€ã©ã¯ãã®ãããã³ãŒããæçµçãªJavaScriptãã³ãã«ããåé€ããŸãããã®ããã»ã¹ã«ãããã¢ããªã±ãŒã·ã§ã³å šäœã®ãµã€ãºãçž®å°ãããåæããŒãæéãæ¹åããããã©ãŠã¶ãè§£æã»å®è¡ããå¿ èŠã®ããJavaScriptã®éãæžå°ããŸããããã«ãããç¹ã«ãããã¯ãŒã¯æ¥ç¶ãé ãããŸãã¯åŠçèœåãéãããŠããããã€ã¹ã§ã®ãŠãŒã¶ãŒäœéšãåäžããŸãã
ãããã³ãŒãåé€ã®å©ç¹
- ãã³ãã«ãµã€ãºã®åæžïŒ ã¢ããªã±ãŒã·ã§ã³ãµã€ãºãå°ãããªããããŒãæéãéããªããŸãã
- ããã©ãŒãã³ã¹ã®åäžïŒ è§£æã»å®è¡ããJavaScriptãå°ãªããªããããã¹ã ãŒãºãªãŠãŒã¶ãŒã€ã³ã¿ã©ã¯ã·ã§ã³ã«ã€ãªãããŸãã
- æé©åããããŠãŒã¶ãŒäœéšïŒ ããéãèªã¿èŸŒã¿æéãšå¿çæ§ã®åäžã¯ãç¹ã«ã€ã³ã¿ãŒãããé床ãé ãå°åã®ãŠãŒã¶ãŒã«ãšã£ãŠéèŠã§ãã
- ã¯ãªãŒã³ãªã³ãŒãããŒã¹ïŒ æªäœ¿çšã®ã³ãŒããåé€ãããã³ãŒãããŒã¹ãããã¯ãªãŒã³ã§ä¿å®ãããããªããŸãã
äŸïŒæªäœ¿çšé¢æ°ã®åé€
ããã€ãã®ãŠãŒãã£ãªãã£é¢æ°ãå«ãã³ã³ããŒãã³ããæ³åããŠã¿ãŠãã ãããããã®ãã¡ã®ããã€ãããã³ã³ããŒãã³ãã®ã¬ã³ããªã³ã°ããžãã¯å ã§å®éã«äœ¿çšãããŠããŸãããReact Compilerã¯ããããã³ãŒãã®åé€ãéããŠãæªäœ¿çšã®é¢æ°ãç¹å®ããæçµçãªãã³ãã«ããããããåé€ã§ããŸããããã«ãããã³ã³ããŒãã³ãã®JavaScriptã³ãŒãã®ãµã€ãºãçž®å°ããããã©ãŠã¶ãåŠçããªããã°ãªããªãã³ãŒãã®éãæå°éã«æããããŸãããã®æé©åã¯ãæªäœ¿çšã®ã³ãŒããæéãšãšãã«èç©ãããã¢ããªã±ãŒã·ã§ã³ãé ãããå¯èœæ§ã®ããå€§èŠæš¡ã§è€éãªã¢ããªã±ãŒã·ã§ã³ã§ç¹ã«å¹æçã§ãã
äŸãã°ãããŸããŸãªåœã®ã¯ã©ã€ã¢ã³ãã䜿çšããéèã¢ããªã±ãŒã·ã§ã³ã«ã¯ãéè²šãæ¥ä»ããã©ãŒãããããããã®åœå¥ã®é¢æ°ãããã€ãå«ãŸããŠãããããããŸãããã¢ããªã±ãŒã·ã§ã³ãäžéšã®åœã®ãŠãŒã¶ãŒã«ãã£ãŠã®ã¿äœ¿çšãããŠããå Žåãã³ã³ãã€ã©ã¯ãã以å€ã®åœã®é¢æ°ãåé€ããå šäœã®ãã³ãã«ãµã€ãºãçž®å°ããåæèªã¿èŸŒã¿ããã©ãŒãã³ã¹ãåäžãããŸãã
éçºè äœéšãžã®åœ±é¿
èªåã¡ã¢åããããã³ãŒãåé€ãšãã£ãReact Compilerã®æ©èœã¯ãåãªãããã©ãŒãã³ã¹åäžã«ãšã©ãŸãããéçºè äœéšãå€§å¹ ã«åäžãããŸããã³ã³ãã€ã©ã¯éå±ãªæé©åã¿ã¹ã¯ãèªååããéçºè ã®èªç¥çè² è·ã軜æžããã³ã¢ãªã¢ããªã±ãŒã·ã§ã³ããžãã¯ã«éäžã§ããããã«ããŸããããã«ãããéçºãµã€ã¯ã«ãéããªãããããã°æéãççž®ãããããæ¥œããã³ãŒãã£ã³ã°äœéšãããããããŸããããã¯ãç°ãªãã¿ã€ã ãŸãŒã³ãåãæ¹ãè¶ããŠçç£æ§ãšã³ã©ãã¬ãŒã·ã§ã³ãç¶æããããã«å¹ççãªã³ãŒãã£ã³ã°ãã©ã¯ãã£ã¹ãäžå¯æ¬ ã§ãããã°ããŒãã«ããŒã ã§ãªã¢ãŒãã§åãéçºè ã«ãšã£ãŠç¹ã«åœ¹ç«ã¡ãŸãã
å¹çåãããéçºã¯ãŒã¯ãããŒ
æé©åãèªååããããšã§ãã³ã³ãã€ã©ã¯éçºããã»ã¹ãåçŽåããŸããéçºè ã¯ãæåã§ã®ã¡ã¢åããããã³ãŒãã«ã€ããŠåžžã«å¿é ããããšãªãã³ã³ããŒãã³ããäœæã§ããŸããã³ã³ãã€ã©ã¯ãããã®ã¿ã¹ã¯ãééçã«åŠçããéçºã¯ãŒã¯ãããŒãããå¹ççã§åççãªãã®ã«ããŸãã
ãããã°æéã®ççž®
èªåæé©åã¯ãããã©ãŒãã³ã¹é¢é£ã®ãã°ã®å¯èœæ§ãäœæžããŸããäžèŠãªåã¬ã³ããªã³ã°ãé²ãããããã³ãŒããåé€ããããšã§ãã³ã³ãã€ã©ã¯ããã©ãŒãã³ã¹ã®åé¡ã®å¯èœæ§ãæå°éã«æããããã©ãŒãã³ã¹ã®ããã«ããã¯ã®ãããã°ãšè§£æ±ºã«è²»ããæéãççž®ããŸãã
ã³ãŒãä¿å®ã®å®¹æå
ã³ã³ãã€ã©ã¯ãã³ãŒãããŒã¹ãããã¯ãªãŒã³ã§ä¿å®ããããä¿ã€ã®ã«åœ¹ç«ã¡ãŸããæªäœ¿çšã®ã³ãŒããåé€ããããšã§ãã³ã³ãã€ã©ã¯ã³ãŒããçè§£ãããããä¿å®ããããããéçºããŒã éã®ã³ã©ãã¬ãŒã·ã§ã³ãä¿é²ããŸããããã¯ãè€æ°ã®è²¢ç®è ãããå€§èŠæš¡ãªãããžã§ã¯ãã«ãšã£ãŠç¹ã«æçã§ãã
å®è·µçãªèæ ®äºé ãšãã¹ããã©ã¯ãã£ã¹
React Compilerã¯å€§ããªå©ç¹ãçŽæããŸããããã®å¹æãæå€§åããããã«ã¯ããã€ãã®å®è·µçãªèæ ®äºé ãçè§£ããããšãäžå¯æ¬ ã§ããå¶éãçŸåšã®ç¶æ³ãããã³æåŸ ããã鲿©ãçè§£ããããšãéèŠã§ããã³ã³ãã€ã©ã®é²æãšãã®ãµããŒããããŠããæ©èœã«ã€ããŠææ°ã®æ å ±ãä¿ã€ããšã¯ãéçºè ã«ãšã£ãŠæ¥µããŠéèŠã§ãã
ã³ã³ãã€ã©ã®ææ°æ å ±ã远ã
React Compilerã¯é²åãç¶ããæè¡ã§ããææ°ã®ã¢ããããŒããæ©èœãå¶éã«ã€ããŠåžžã«æ å ±ãåŸãããšãæšå¥šãããŸããããã¥ã¡ã³ããããã°ãã«ã³ãã¡ã¬ã³ã¹ãéããŠReactã³ãã¥ããã£ãšå®æçã«é¢ããããšã§ãéçºè ã¯ã³ã³ãã€ã©ã®æœåšèœåãæå€§éã«æŽ»çšã§ããŸãã
ãã¹ããšããã©ãŒãã³ã¹ãããã¡ã€ãªã³ã°
培åºçãªãã¹ããéèŠã§ããã³ã³ãã€ã©ã¯ã³ãŒããèªåçã«æé©åããããšãç®æããŸãããéçºè ã¯æé©åãããã³ãŒããæåŸ ã©ããã«åäœããããšã確èªããããã«å³å¯ãªãã¹ããè¡ãã¹ãã§ããããã©ãŒãã³ã¹ãããã¡ã€ãªã³ã°ã¯ããããªãæé©åãå¿ èŠãªé åãç¹å®ããã®ã«ã圹ç«ã¡ãŸããReact DevToolsããã©ãŠã¶ã®éçºè ããŒã«ãªã©ã®ããŒã«ã䜿çšããŠãã³ã³ãã€ã©ã®æé©åãããã©ãŒãã³ã¹ã«äžãã圱é¿ã枬å®ã§ããŸãã
ã³ãŒãæ§é ãšã³ã³ããŒãã³ãèšèš
React Compilerã®æå¹æ§ã¯ããã°ãã°ã³ã³ããŒãã³ãã®æ§é ãšã³ãŒãèšèšã«é¢é£ããŠããŸããéçºè ã¯ãé¢å¿ã®æç¢ºãªåé¢ãšäžèŠãªäŸåé¢ä¿ã®æå°åãç®æããå¹çã念é ã«çœ®ããŠã³ã³ããŒãã³ããèšèšãã¹ãã§ããã¯ãªãŒã³ã§ããæ§é åãããã³ãŒãã¯ãäžè¬çã«ããã广çãªæé©åã«ã€ãªãããŸãã
æ©ãããæé©åãé¿ãã
éçºè ã¯æ©ãããæé©åãé¿ããã¹ãã§ãããŸãæ©èœçãªã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ãããã®åŸãããã¡ã€ãªã³ã°ãšãã¹ããéããŠããã©ãŒãã³ã¹ã®ããã«ããã¯ãç¹å®ããããšã«éäžããŠãã ãããäžåºŠã«ãã¹ãŠãæé©åããããšããã®ã§ã¯ãªããæ¬åœã«å¿ èŠãªå Žæã«æé©åãé©çšããããšãããã°ãã°æè¯ã®çµæããããããŸãã
ã°ããŒãã«ãªåœ±é¿ãšäŸ
React Compilerã®å©ç¹ãããªãã¡èªåã¡ã¢åãšãããã³ãŒãã®åé€ã¯ãã°ããŒãã«ãªæèã§ç¹ã«éèŠã§ããäžçäžã®ã€ã³ã¿ãŒãããã¢ã¯ã»ã¹ã®ç¶æ³ãããã€ã¹ã®èœåãã¢ããªã±ãŒã·ã§ã³ã®å©ç𿹿³ã«ãããæåçãªéããèããŠã¿ãŠãã ããã广çãªæé©åã¯ãå Žæã«é¢ä¿ãªããå šäœçãªãŠãŒã¶ãŒäœéšãåäžãããŸãã
Eã³ããŒã¹ãã©ãããã©ãŒã
Eã³ããŒã¹äºæ¥ã¯ã°ããŒãã«ã«å±éããããŸããŸãªã€ã³ã¿ãŒãããé床ãããã€ã¹ãæã€ãŠãŒã¶ãŒã«å¯Ÿå¿ããŠããŸããèªåã¡ã¢åãªã©ã®React Compileræ©èœãå®è£ ããããšã§ããŠãŒã¶ãŒã®å Žæã«é¢ä¿ãªãããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ãå¿çæ§ãé«ãé«éã§ããããšãä¿èšŒãããŸãããããã³ãŒããåé€ããããšã§ãç¹ã«ã€ã³ã¿ãŒãããã€ã³ãã©ãå ç¢ã§ãªãå°åã®ãŠãŒã¶ãŒã«ãšã£ãŠããŠã§ããµã€ããè¿ éã«èªã¿èŸŒãŸããããã«ãªããŸããäŸãã°ãã¢ããªã«ã®é éå°ã«ããã€ã³ã¿ãŒãããæ¥ç¶ãé ããŠãŒã¶ãŒã¯ãããéãèªã¿èŸŒã¿æéã®ãããã§ããã³ãã³ããã¥ãŒãšãŒã¯ã®ãããªå é²éœåžã®ãŠãŒã¶ãŒãšåãæµåçãªUIãäœéšã§ããŸãã
åœéçãªãœãŒã·ã£ã«ã¡ãã£ã¢ãã©ãããã©ãŒã
ãœãŒã·ã£ã«ã¡ãã£ã¢ãã©ãããã©ãŒã ã¯ãäžçäžã®æ°åå人ã«å©çšãããŠããŸãããããã®ã¢ããªã±ãŒã·ã§ã³ã§ã¯ããã©ãŒãã³ã¹ã®æé©åãéèŠãªåœ¹å²ãæãããããããªããã©ãŒãã³ã¹åäžã§ã倧ããªåœ±é¿ãäžããå¯èœæ§ããããŸããReact Compilerã¯ãããã®åäžã«è²¢ç®ããŸããèªåã¡ã¢åã«ãããæçš¿ããããã£ãŒã«ãéç¥ã衚瀺ããã³ã³ããŒãã³ããå¹ççã«ã¬ã³ããªã³ã°ã§ããŸããæªäœ¿çšã®ã³ãŒããåé€ããããšã§ãç¹ã«çºå±éäžåœã§äººæ°ã®ããã¢ãã€ã«ããã€ã¹ã§ã¢ããªã±ãŒã·ã§ã³ãããéããªããŸãã
ãªã³ã©ã€ã³æè²ãã©ãããã©ãŒã
ãªã³ã©ã€ã³åŠç¿ãã©ãããã©ãŒã ã¯äžçäžã§ãŸããŸã人æ°ãé«ãŸã£ãŠãããå°ççãªå Žæãè¶ããŠåŠçã«æè²ã³ã³ãã³ããæäŸããŠããŸããReact Compilerã䜿çšããããšã§ããããã®ãã©ãããã©ãŒã ã¯åŠç¿ã³ã³ãã³ããè¿ éã«èªã¿èŸŒãŸããã¹ã ãŒãºã«åäœããããšãä¿èšŒã§ããŸãããããªãã¬ãŒã€ãŒãã€ã³ã¿ã©ã¯ãã£ããªã¢ãžã¥ãŒã«ãªã©ã®æ©èœã¯ã¡ã¢åã䜿çšããŠæé©åããããããã³ãŒãã¯ã¢ããªã±ãŒã·ã§ã³ã®ãã³ãã«ãµã€ãºãæå°éã«æããããã«åé€ãããŸãããã®æé©åã¯ããŠãŒã¶ãŒã®ããã€ã¹ããããã¯ãŒã¯é床ã«é¢ä¿ãªããäžè²«ããããã©ãŒãã³ã¹ãä¿èšŒããåŠç¿äœéšãåäžãããã®ã«åœ¹ç«ã¡ãŸãã
ãã«ã¹ã±ã¢ã¢ããªã±ãŒã·ã§ã³
å€ãã®åœã§ã¯ããã«ã¹ã±ã¢ã«ãŠã§ãããã³ã¢ãã€ã«ã¢ããªã±ãŒã·ã§ã³ã䜿çšããŠããŸãããããã®ã¢ããªã±ãŒã·ã§ã³ã§ã¯ããã©ãŒãã³ã¹ã®æé©åãäžå¯æ¬ ã§ããããŠãŒã¶ãŒäœéšãåäžãããããšãã§ããŸããäŸãã°ãReact Compilerã¯æ£è ããŒã¿ãã¹ã±ãžã¥ãŒãªã³ã°ã·ã¹ãã ãžã®è¿ éã§ä¿¡é Œæ§ã®é«ãã¢ã¯ã»ã¹ãä¿èšŒããã®ã«åœ¹ç«ã¡ãç¹ã«ãªãœãŒã¹ãéãããç°å¢ã§å»çåŸäºè ãéèŠãªæ å ±ã«ã¢ã¯ã»ã¹ãããããªããŸãã
çµè«ïŒReactæé©åã®æªæ¥
React Compilerã¯ãããã³ããšã³ãéçºã®äžçã«ãããææãªé²æ©ã§ããã¡ã¢åããããã³ãŒãã®åé€ãªã©ã®æé©åããã»ã¹ãèªååããããšã§ãéçºè ãããéããããå¹ççã§ãããä¿å®ããããã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ã§ããããã«ãªããŸããå€§å¹ ãªã³ãŒã倿Žãªãã«ããã©ãŒãã³ã¹ãåäžããããã®èœåã¯ãæ¢åã®Reactãããžã§ã¯ãã«åãçµãéçºè ã«ãšã£ãŠç¹ã«é åçã§ããã³ã³ãã€ã©ãé²åãç¶ããã«ã€ããŠãäžçäžã®Reactéçºè ã«ãšã£ãŠäžå¯æ¬ ãªããŒã«ã«ãªãããšãæåŸ ãããŠããŸããèªååãããããã©ãŒãã³ã¹ãã¥ãŒãã³ã°ã«éç¹ã眮ãããšã§ããŠã§ãã¢ããªã±ãŒã·ã§ã³ãå¹ççã«ãªãããŠãŒã¶ãŒã®å Žæãããã€ã¹ã®èœåã«é¢ä¿ãªããŠãŒã¶ãŒäœéšãåäžããŸããé·æçãªåœ±é¿ã¯å€§ãããå¹ççã§ã¢ã¯ã»ã¹ãããããŠã§ãéçºã®æ°æä»£ãåãããã®ã§ãã
React Compilerã¯ãããã©ãŒãã³ã¹æé©åãéçºããã»ã¹ã®ã³ã¢ã³ã³ããŒãã³ãã«ãããšããã·ããã衚ããŠãããããã¯äžçäžã®ããã³ããšã³ãéçºã®æªæ¥ã«æ·±ã圱é¿ãäžããŸããã³ã³ãã€ã©ãæçãç¶ããã«ã€ããŠãéçºã¯ãŒã¯ãããŒãåçåããéçºè ã®èªç¥çè² è·ã軜æžããäžçäžã®ãŠãŒã¶ãŒã®ããã®é«æ§èœã§ã¢ã¯ã»ã¹ããããã¢ããªã±ãŒã·ã§ã³ã®äœæãå¯èœã«ããããšãçŽæãããŠããŸãã